import Image from 'next/image';
import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from '@/components/ui/accordion';

export const metadata = {
  title: 'Forui - Minimalistic Flutter UI Library',
};

<br />

<Image
  src="/banner-crop-160724.png"
  className="w-full border rounded"
  alt="Forui Demo"
  width={1200}
  height={0}
  quality={100}
  priority
/>

**Forui** is a UI library for Flutter that provides a set of minimalistic widgets heavily inspired by [shadcn/ui](https://ui.shadcn.com/).

## Why Choose Forui?

- 🎨 Over 40+ beautifully crafted widgets.
- ⚡ Bundled [CLI](https://forui.dev/docs/themes#customization) to generate themes & styling boilerplate.
- ✅ [Well-tested](https://app.codecov.io/gh/forus-labs/forui).
- 🌍 I10n support.
- 🪝 First-class [Flutter Hooks](https://pub.dev/packages/flutter_hooks) integration via [`forui_hooks`](https://pub.dev/packages/forui_hooks).

## Core Principles

Flutter shines as a powerful multi-platform development tool, but its native Material and Cupertino widgets often fall short of truly universal design.
Forui strives to be the default platform-agnostic alternative for developers seeking consistent and elegant UIs across all devices.

The library is designed with the following core principles in mind:

- **Platform Agnostic Design:** Our widgets are crafted to seamlessly adapt to various platforms, ensuring a cohesive and polished look across devices.
- **Touch-First Interaction:** We prioritize touch interactions, providing a natural and responsive feel for mobile and tablet users.
- **Minimalistic Aesthetics:** Our library embraces simplicity and clean design principles, delivering a visually appealing and uncluttered user interface.
- **Extensible and Customizable:** We encourage customization and provide flexible options to tailor components to your unique design needs.

## Quick Links

import { Cards } from 'nextra/components';
import { Sparkles, MessagesSquare, FolderGit2 } from 'lucide-react';

<Cards>
  <Cards.Card icon={<Sparkles />} title="Get Started" href="/docs" />
  <Cards.Card icon={<MessagesSquare />} title="Discussion" href="https://github.com/forus-labs/forui/discussions" />
  <Cards.Card icon={<FolderGit2 />} title="Source" href="https://github.com/forus-labs/forui" />
</Cards>

## FAQ

This section consists of frequently asked questions about Forui.
If you have any questions that are not answered here, please [open a discussion](https://github.com/forus-labs/forui/discussions).

<Accordion type="multiple" className="mt-4">
    <AccordionItem value="compatibility">
        <AccordionTrigger>
            Can I use X with Forui?
        </AccordionTrigger>
        <AccordionContent>
            For the most part, *yes*.
            Forui is designed to be compatible with other Flutter libraries and packages, including Material and Cupertino widgets.
        </AccordionContent>
    </AccordionItem>

    <AccordionItem value="shadcn-port">
        <AccordionTrigger>
            Why is Forui not a port of shadcn/ui?
        </AccordionTrigger>
        <AccordionContent>
            While we admire the minimalistic design of `shadcn/ui`, Forui focuses on delivering an optimal user experience on touch devices.
            This means we've adapted the designs to be more intuitive for mobile and tablet devices.
        </AccordionContent>
    </AccordionItem>

</Accordion>
